@media screen and (max-width:1220px){

.header .logoWrap,.notice_rec,.about_con,.case_wrap,.news_wrap,.friendLink,.footerWrap,

.about_del,.news_del,.breadnav_info,.history_info,.honour_list,.business_list,.newsDel,.contact_wrap,.job_list,.counters_wrap .counters{margin-left:0;margin-right:0;}
}

@media screen and (max-width:1200px){

.navWrap{width:100%;}

.header .navWrap ul{margin-top:10px;}

.header .navWrap ul li{width:14.285%;margin:0;}

.case {height:1000px;}

.header .navWrap ul li .subMenu{top:23px;}

}

@media screen and (max-width:992px){

.container{width:100%;padding-left:15px!important;padding-right:15px!important;}

.counters{width:768px;}

.news_wrap .bd{display: block;}

.news_wrap .bd .left{margin:0 auto 5%;}
}

@media screen and (max-width:900px){

}

@media screen and (max-width:825px){

}

@media screen and (max-width:768px){

body{font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif!important;}

section{padding: 20px 0 20px;}

.newsWrap,.aboutWrap{margin-top:20px;}

.header{padding:10px 0;position: fixed;top:0;left:0;width:100%;background:#fff;z-index:1005;}

.header .logoWrap .img_left{margin-top:0;}

.header .logoWrap .logoImg img{float:left;height:45px;}

.header .logoWrap .logoImg a{display: inline-block;vertical-align: top;}

.header .logoWrap .logoImg a.dn{color:#666;position: relative;top:7px;margin-left:10px;}

.header .logoWrap .logoImg .com_name h1{font-size:16px;margin-top:5px;}

.header .logoWrap .logoImg .com_name span{font-size:10px;}

.notice_rec a.more{display: none;}

.notice_rec ul{padding-right:0;}

.notice_rec ul li{width:100%;}

.navMobile li{width:25%;line-height:50px;float:left;text-align: center;background:#c00000;}

.navMobile li a{color:#fff;font-size:16px;}

.header .navWrap{position: fixed;right:0;width:100%;z-index:1005;background:#fff;top:65px;display: none;border-top:3px solid #eee;padding-bottom:100px;margin-top:0;height:100%;overflow-y: scroll;}

.header .navWrap ul li{float:none;width:100%;padding:0 2%;text-align: left;border-bottom:2px solid #eee;}

.header .search{display: none;}

.header .navWrap ul li.on a, .header .navWrap ul li:hover a{border-bottom:0;}

.header .navWrap ul li .subMenu{width:100%;position: static;left:0;margin-left:0;background-color:#fff;border:0;padding-top:0;}

.header .navWrap ul li>a{width:100%;line-height:48px;border-bottom:0;font-weight:normal;}

.header .navWrap ul li .subMenu .box{border-top:2px solid #eee;}

.header .navWrap ul li .subMenu .box a{padding-left:30px;text-align: left;}

.header .navWrap ul li a i{display: block;float:right;color:#666;font-size:20px;line-height:20px;margin-top:20px;transition: all .7s ease-in-out;-webkit-transition: all .7s ease-in-out;}

.header .navWrap ul li a.rotate i{transform: rotate(225deg);-webkit-transform: rotate(225deg);}

.rightIcon{display: block;}

.rightIcon i{font-size:24px;color:#666;display: inline-block;line-height:45px;}

.mpSearch{top:-100%;height:65px;background:#fff;padding:3% 4%;display: flex;display: -webkit-flex;width:100%;left:0;align-items: center;}

.wap_search{flex:1;border:1px solid #ddd;position: relative;}

.wap_search input{border:0;line-height:38px;width:90%;padding:0 10px;}

.wap_search i{position: absolute;right:0;width:10%;text-align: center;font-size:20px;color:#666;line-height:40px;color:#fd9e6f;}

.wap_cancle{color:#fd9e6f;margin-left:2%;font-size:15px;font-weight:bold;}

.pcBanner{display: none!important;}

.mpBanner,.banner{display: block;margin-top:65px;}

.mpBanner .swiper-slide img{width:100%;}

.mpBanner .swiper-button-next, .mpBanner .swiper-button-prev{display: none!important;}

.focus .swiper-pagination{bottom:10px;}

.pagination02{display: block;width:100%;text-align: center;position: relative;margin-top:2%;}

.pagination02 .swiper-pagination-bullet{background:#ccc;margin:0 6px;}

.pagination02 .swiper-pagination-bullet-active{background:#fd9e6f;}

.about{padding:40px 0;}

.about_con .fl{width:100%;}

.about_con .fr{width:100%;height:230px;overflow: hidden;}

.about_con .fl h2{text-align: center;font-size:20px;}

.about_con .fl h2 div{width:30px;margin:15px auto 0;border-top-width: 3px;}

.about_con .fl .about_text {margin:40px 0 0;padding-bottom:40px;}

.about_con .fl .about_text .more {bottom:10px;}

.about_con .fl .about_text p{font-size:14px;text-indent: 2em;}

.counters{width:100%;background:#fff;height:auto;}

.counters .bg{display: none;}

.counters ul{flex-wrap: wrap;position: relative;top:0;}

.counters ul li{width:50%;margin-bottom: 5%;}

.counters ul li span{font-size:20px;line-height:40px;}

.counters ul li p{font-size:12px;color:#999;}

.about_con .fr img{position: relative;top:-90px;width:100%;}

.title{font-size:20px;margin:20px 0 40px;}

.title div{width:30px;border-top-width: 3px;}



.case_list ul{padding:0 4%;}

.case_list ul li{width:46%;margin-right:6%;margin-bottom:28px}

.case_list ul li:nth-child(2n){margin-right:0;}

.case_list ul li:nth-child(3n){margin-right:6%;}

.case_list ul li:nth-child(6n){margin-right:0;}

.case_list ul li h4{width:84px;height:30px;font-size:14px;line-height:30px;margin-top:-15px;}

.news_wrap .bd .left{display: none;}

.news_wrap .bd .right ul li img.poa{width:110px;height:90px;object-fit: cover;}

.news_wrap .bd .right ul li{padding:8px 0 16px 0;}

.news_wrap .bd .right ul li .right_txt h4{font-size:16px;}

.news_wrap .bd .right ul li .right_txt .dn{display: block;color:#999;padding-top:10px;}

.friend{padding:25px 0;}

.friendLink{height:55px!important;}

.friendLink ul li{width:100px;}

.footerWrap{padding:30px 0 240px;}

.footerWrap .mid{margin-left:0;margin-right:0;padding-left:0;}

.footerWrap .mid dl dd,.footerWrap .mid dl dt span{display: none;}

.footerWrap .mid dl{font-size:13px;text-align: center;}

.footerWrap .mid dl dt{font-size:13px;}

.footerWrap .right{left:0;right:0;text-align: center;top:80px;}

.footerWrap .right a.share{display: none;}

.footerWrap .right p{font-size:13px;color:#999;margin:0;}

.footerWrap .right a.tel{font-size:20px;margin: 4px 0}

.footerWrap .left {left:0;right:0;text-align: center;top:130px;}

.footerWrap .left  a{display: none;}

.footerWrap .left .wx{width:78px;margin: 60px auto 0;}

.footerWrap .left .wx p{font-size:13px;color:#999;}

.copyright{font-size:12px;padding:10px 0;}

.banner .container .tit h1{font-size:18px;}

.banner .container .tit span{width:76px;}

.about_del .about_con .fl{width:100%;}

.about_del .about_con .fr{width:100%;}

.counters_wrap .counters{background: none;}

.counters_wrap{height:320px;}

.history{display: none;}

.breadNav{line-height:40px;border:0;}

.breadNav span{display: block;border-bottom:1px solid #ddd;}

.right_nav{width:auto;white-space: nowrap;overflow-x: scroll;text-align: left;position: static;}

.business_list ul{margin-top:0;padding:0 3%;}

.business_list ul li{width:48%;margin-right:4%;margin-bottom: 4%;}

.business_list ul li:nth-child(2n){margin-right:0;}

.business_list ul li:nth-child(3n){margin-right:4%;}

.business_list ul li:nth-child(6n){margin-right:0;}

.newsDel h1{font-size:20px;margin-top:0;}

.newsDel .news_info{font-size:13px;padding-top:0;}

.newsDel .news_info span{margin:0 10px;}

.contact_wrap ul{display: block;}

.message .left,.message .right{width:100%;}

.contact_wrap ul li {margin-bottom:30px;}

.contact_wrap ul li .poa{width:40px;left:30px;}

.contact_wrap ul li .right strong,.message .left .form_tit{font-size:18px;}

.contact_wrap ul li .right p{font-size:13px;}

.contact_wrap{margin:20px 0;padding:0 4%;}

.message{margin-top:0;padding-top:30px;border-top:1px solid #ccc;}

.message .left .form_tit{margin-bottom:25px;}

.message .right iframe{height:360px;margin-top:30px;}

.message .left form span{font-size:14px;}

.train .about_con .fl .about_text{margin-top:0;}

.train .about_con .fr{height:auto;}

.train  .about_con .fr img{top:0;}

.job_list ul li{width:100%;margin-right:0;}

.product .business_list ul li:last-child{display: block;}

.bshare-custom{display:none!important;}
}

@media screen and (max-width:680px){

.product_con .tabCon a{width:20%;margin:0;}

.case{height:900px;}

.honour{margin-top:0;padding:20px 0 50px;}

.honour_list{height:160px!important}

.honour_list ul li{width:110px!important}
}

@media screen and (max-width:580px){

.container{padding-left:2%!important;padding-right:2%!important;}
.case{height:800px;}

.news_list ul li .img {height:120px;}

.img_show{width:100%;height:400px;margin-top:30px;}

.gallery-thumbs{padding:10px 0;}

.img_show .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.img_show .swiper-button-prev, .swiper-container-rtl .swiper-button-next{bottom:5px;}

}

@media screen and (max-width:480px){

.case{height:650px;}

.footerWrap {

    padding: 30px 0 220px;

}

.footerWrap .left .wx{

    margin:40px auto 0;

}

.counters_wrap{height:300px;}

.counters_wrap .counters ul{margin-top:60px;}
}

@media screen and (max-width:380px){

}

/* header 高度锁定 65px */

.header {

height: 65px;

box-sizing: border-box;

padding: 10px 0;
}

/* 移动搜索栏：top 用固定像素 -65px 而非 -100%

header 是 fixed，百分比参照会随 header 高度变化再次塌陷。

⚠ 不要加 !important —— 会压掉 common.js 里

  $(".mpSearch").animate({top:0}) 的行内动画，

  导致点放大镜搜索栏滑不出来。 */
.header .mpSearch {

top: -65px;

left: 0;

width: 100%;

z-index: 1006;
}

/* banner 顶部占位归零（header 是 fixed，不占文档流） */

.mpBanner,

.banner {

margin-top: 0;
}

/* 移动端右上角三按钮（EN / 放大镜 / 汉堡）必须显示

这条是为了防止被其它规则误隐藏，属于保险 */

.header .rightIcon {

display: flex !important;

align-items: center;

gap: 10px;
}

.header .rightIcon .mobile-lang-switch {

display: inline-flex !important;

align-items: center;
}

/* ================================================================
移动端专用 —— 锁在 max-width:768px 内
================================================================ */
@media screen and (max-width:768px){

/* header 高度锁定 65px */
.header {
    height: 65px;
    box-sizing: border-box;
    padding: 10px 0;
}

/* 移动搜索栏：top 用固定像素 -65px 而非 -100%
   注意：这条绝对不能加 !important，
   否则会压掉 common.js 里 $(".mpSearch").animate({top:0})
   的行内动画，导致点放大镜搜索栏滑不出来。 */
.header .mpSearch {
    top: -65px;
    left: 0;
    width: 100%;
    z-index: 1006;
}

/* banner 顶部占位归零（header 是 fixed，不占文档流） */
.mpBanner,
.banner {
    margin-top: 0;
}
}

/* ================================================================
PC 端专用 —— 锁在 min-width:769px 内
================================================================ */
@media screen and (min-width:769px){

/* 解除 header 高度限制，按内容自适应（约 110px） */
.header {
    height: auto;
}

/* 隐藏移动端专用元素
   这里可以用 !important：要压的是 index.css 里
   .rightIcon{display:flex} 那条基础规则。
   .rightIcon 上没有 jQuery 动画（动画只在 .mpSearch 上），
   所以不受 !important 影响。 */
.header .mpSearch,
.header .rightIcon {
    display: none !important;
}
}